<div class="color-preview">

  <div class="color-preview-header">
    <div class="color-preview-logo"><img src="../../../core/themes/bartik/logo.svg" alt="Site Logo" /></div>
    <div class="color-preview-site-name">CCMS Admin</div>
    <div class="color-preview-main-menu">
      <ul class="color-preview-main-menu-links">
        <li><a>Content</a></li>
        <li><a>User</a></li>
        <li><a>Site information</a></li>
      </ul>
    </div>
  </div>

  <div class="color-preview-main clearfix">
    <div class="color-preview-sidebar">
      <div class="color-preview-sidebar-menu">
        <ul>
          <li><a>content</a></li>
          <li><a>user</a></li>
          <li><a>management</a></li>
          <li><a>settings</a></li>
        </ul>
      </div>
    </div>
    <div class="color-preview-content">
      <a href="#" class="color-preview-button">+ Create</a>
      <h1 class="color-preview-page-title">Lorem ipsum dolor</h1>
      <div class="color-preview-node">
        <div class="preview-content">
          Sit amet, <a>consectetur adipisicing elit</a>, sed do eiusmod tempor
          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
          nostrud <a>exercitation ullamco</a> laboris nisi ut aliquip ex ea
          commodo consequat. Maecenas id porttitor Ut enim ad minim veniam, quis nostr udfelis.
        </div>
      </div>
    </div>
  </div>

</div>
